<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>
        {% block indexTitle %}
            Lifestry
        {% endblock %}
        </title>
        <link rel="stylesheet" type="text/css" href="{{assetsLib}}/jquery/css/start/jquery-ui-1.8.16.custom.css" />
        <link rel="stylesheet" type="text/css" href="{{assetsLib}}/twitter_bootstrap/bootstrap.css" />
        <link rel="stylesheet" type="text/css" href="{{assetsCss}}/main.css" />
        {% block headerCssInclude %}
        {% endblock %}
        <script type="text/javascript" src="{{assetsLib}}/jquery/js/jquery-1.6.2.min.js"></script>
        <script type="text/javascript" src="{{assetsLib}}/jquery/js/jquery-ui-1.8.16.custom.min.js"></script>
        {% block headerJsInclude %}
        {% endblock %}
        {% block headerCss %}
        {% endblock %}
        <script type="text/javascript">
            $(function(){
                //hover states on the static widgets
                $('#dialog_link, ul#icons li').hover(
                function() { $(this).addClass('ui-state-hover'); }, 
                function() { $(this).removeClass('ui-state-hover'); }
                );
            });
            {% block headerJs %}
            {% endblock %}
        </script>
    </head>
    <body>
        <div id="indexHeader">
             {% block indexHeader %}
             {% endblock %}
        </div>
        
        <div id="indexContent">
             {% block indexContent %}
             {% endblock %}
        </div>
        
        <div id="indexFooter">
             {% block indexFooter %}
             {% endblock %}
        </div>
        
        <script type="text/javascript">
            {% block bodyJs %}
            {% endblock %}
        </script>
        
        {# hidden fields for js #}
        <input type="hidden" id="controller" name="controller" value="{{controller}}" />
        <input type="hidden" id="action" name="action" value="{{action}}" />
        <input type="hidden" id="baseDir" name="baseDir" value="{{baseDir}}" />
        <input type="hidden" id="serverProt" name="serverProt" value="{{serverProt}}" />
        <input type="hidden" id="serverName" name="serverName" value="{{serverName}}" />
        <input type="hidden" id="serverSpec" name="serverSpec" value="{{serverSpec}}" />
    </body>
</html>